<template>
    <el-dialog v-model="dialogForms" title="新增资产档案" @close="closeDia()" width="550">
        <el-form :model="form" :label-position="labelPosition" label-width="100" class="w-60 mx-auto">
            <el-form-item label="申请编号:">
                <el-input v-model="form.name" clearable maxlength="10" />
            </el-form-item>
            <el-form-item label="资产名称:">
                <el-input v-model="form.name" clearable />
            </el-form-item>
            <el-form-item label="资产编号:">
                <el-input v-model="form.name" clearable />
            </el-form-item>
            <el-form-item label="资产原始位置:">
                <el-input v-model="form.name" clearable />
            </el-form-item>
            <el-form-item label="流转位置:">
                <el-input v-model="form.name" clearable />
            </el-form-item>
            <el-form-item label="流转时间:">
                <el-date-picker v-model="form.name" type="date" placeholder="选择时间" />
            </el-form-item>
            <el-form-item label="流转原因:">
                <el-input v-model="form.name" clearable maxlength="50" show-word-limit type="textarea" />
            </el-form-item>
            <el-form-item label="流转负责人:">
                <el-input v-model="form.name" clearable />
            </el-form-item>
            <el-form-item label="流转状态:">
                <el-input v-model="form.name" clearable />
            </el-form-item>

        </el-form>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="diaCancle()">取消</el-button>
                <el-button type="primary" @click="diaConfirm()">
                    确认
                </el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script setup lang="ts">
import { onMounted, reactive, ref, defineProps, onUnmounted, watch } from 'vue';
import type { FormProps, UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus';
import { genFileId } from 'element-plus';


const labelPosition = ref<FormProps['labelPosition']>('right')
//弹出框
const dialogForms = ref(false)
defineExpose({
    dialogForms,
});
const form = reactive({
    name: '',
    region: '',
    date1: '',
    date2: '',
    delivery: false,
    type: [],
    resource: '',
    desc: '',
    file: ''
})
const diaCancle = () => {
    dialogForms.value = false
}
const diaConfirm = () => {
    //上传文件
    const e = new FormData()
    console.log(form, 456);
}
const closeDia = () => {
    dialogForms.value = false
}


</script>
<style ></style>